<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
	<head>
		<title>Contact Us</title>
		<link rel="stylesheet" href="/css/ui-lightness/jquery-ui.css" type="text/css" media="all" />
		<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
		<script src="/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function() {
				$("#tabs").tabs();
			});
		</script>
		
	</head>
	<body>
		<div class="demo">
			<div id="tabs">
				<ul>
					<li><a href="#tabs-1">Main</a></li>
					<li><a href="#tabs-2">Announcements</a></li>
					<li><a href="#tabs-3">FAQs</a></li>
				</ul>
				<div id="tabs-1">
					<div>
						<div>
						<h1>Telephone</h1>
				            	<ul>
				                	<li>Cell phone (Canada only):</li>
				                    <li class="odd">1-123-456-7890</li>
				                 </ul>           
						</div>
				                       
				        <div id="mail">
				        	<h1>Mail:</h1>
				            <ul class="mail">
				            	<li>Louis Riel House</li>
				                <li>Burnaby, BC</li>
				                <li>Canada, V5A 1S6</li>
				            </ul>
				        </div>
					</div>
				</div>
				<div id="tabs-2">
					<p>This is just a alpha version, we will make great change during the development.We welcome and value your feedback. 
					Please check our Announcements and FAQs pages. We may have already answered your questions.</p>	
				</div>
				<div id="tabs-3">
					<p>No Questions Yet.</p>	
				</div>
			</div>
		</div>
	</body>
</html>